<template>
  <div class="header">
    <Header />
  </div>
  <div class="content">
    <div class="left">
      <nav-bar />
    </div>
    <div class="right" >
      <router-view />
    </div>
  </div>
</template>

<script setup>
import Header from '@/views/common/header.vue'
import NavBar from '@/views/common/sidebar.vue'


</script>

<style scoped>
.header{
  height:50px;
  background:#293846;
}
.content{
  height: calc( 100vh - 50px );
  background:#ffffff;
}
.left{
  float:left;
  width: 219px;
  border-right: solid 1px #ccc;
  overflow-y:auto;
  height:100%;
}
.right{
  float:left;
  width: calc( 100vw - 220px );
  overflow-y:auto;
  height:100%;
}
</style>
